<template>
  <div>
    <van-tabbar route active-color='#f51808'>
      <van-tabbar-item icon="jingdong" to='/home' icon-prefix='icon'>首页</van-tabbar-item>
      <van-tabbar-item icon="2" to='/cate' icon-prefix='icon'>分类</van-tabbar-item>
      <van-tabbar-item icon="shandianjiangjia" to='/surprise/60' icon-prefix='icon'>惊喜</van-tabbar-item>
      <van-tabbar-item icon="gouwuche" to='/cart' icon-prefix='icon' :badge="$store.state.car.number">购物车</van-tabbar-item>
      <van-tabbar-item icon="wode" to='/user' icon-prefix='icon'>我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  props: ['number']
}
</script>

<style lang="scss" scoped>
/deep/ .icon{
  font-size: 0.22rem;
}

/deep/ .van-tabbar{
  height: .5rem;
}
</style>
